﻿<html xmlns="http://www.w3.org/1999/xhtml"> 

<head>
    <link type="text/css" href="{{ STATIC_URL }}css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />	
	<link href="{{ STATIC_URL }}css/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/main.js"></script>
</head>
<title>
    胶卷
</title>
<body>
    <div class="title">
        胶卷
        <div class="user_handle">
			{% if user.is_authenticated %}
				<span id="welcome">欢迎, {{ user.get_profile.name }}</span>
				<button id="button_logout"> 注销 </button>
			{% else %}
				<button id="button_register"> 注册 </button>
				<button id="button_login"> 登录 </button>		
			{% endif %}
        </div>
    </div>

    <div id="drift">
		<ul class="film_list">
			<div class="section_title">
				漂流来的胶卷
			</div>		
			<li>
				<img src="{{ STATIC_URL }}image/film.jpg">
				<div class="film_des">
					<p> 胶卷名：我的早饭 </p>
					<p> 发起人：yuwenhuan （上海）</p>
					<p> 上一站：deric_jing （上海） </p>
					<button class="button_common"> 捡胶卷 </button>
				</div>
				
			</li>
			<li>
				<img src="{{ STATIC_URL }}image/film.jpg">
				<div class="film_des">
					<p> 胶卷名：我的早饭 </p>
					<p> 发起人：yuwenhuan （上海）</p>
					<p> 上一站：deric_jing （上海） </p>
					<button class="button_common"> 捡胶卷 </button>
				</div>
				
			</li>
		</ul>
	</div>
	
	<div id="pickup">
		<ul class="film_list">
			<div class="section_title">
				我捡起的胶卷
			</div>
			<li>
				<img src="{{ STATIC_URL }}image/film.jpg">
				<div class="film_des">
					<p> 胶卷名：我的早饭 </p>
					<p> 发起人：yuwenhuan （上海）</p>
					<button class="button_common"> 漂流 </button>
					<button class="button_common"> 上传 </button>
				</div>
				
			</li>
			<li>
				<img src="{{ STATIC_URL }}image/film.jpg">
				<div class="film_des">
					<p> 胶卷名：我的早饭 </p>
					<p> 发起人：yuwenhuan （上海）</p>
					<button class="button_common"> 漂流 </button>
					<button class="button_common"> 上传 </button>					
				</div>
				
			</li>
			<li>
				<div class="div_button_new_film">
					<button class="button_common" id="button_new_film"> 申领新胶卷 </button>
				</div>
			</li>
		</ul>	
	</div>
	
	<div id="my_album">
	</div>
	
	<div id="hot_album">
	</div>

    <!--dialog-->
    <div id="register" title="注册新用户">
        <form>
            <p class="validateTips"></p>
            <fieldset>
                <label for="reg_email"><b>电子邮件</b></label>
                <input type="text" name="reg_email" id="reg_email" value="" class="text ui-widget-content ui-corner-all" />                        
                <label for="reg_password"><b>密码</b></label>
                <input type="password" name="reg_password" id="reg_password" value="" class="text ui-widget-content ui-corner-all" />
                <label for="reg_name">姓名/昵称</label>
                <input type="text" name="reg_name" id="reg_name" class="text ui-widget-content ui-corner-all" />                        
                <label for="reg_location">所在地</label>
                <input type="text" name="reg_location" id="reg_location" class="text ui-widget-content ui-corner-all" />                        
            </fieldset>
        </form>
    </div>

    <div id="login" title="用户登录">
        <form>
			{% csrf_token %}
            <p class="validateTips"></p>
            <fieldset>
                <label for="login_username">用户名</label>
                <input type="text" name="login_username" id="login_username" class="text ui-widget-content ui-corner-all" />
                <label for="login_password">密码</label>
                <input type="password" name="login_password" id="login_password" value="" class="text ui-widget-content ui-corner-all" />
            </fieldset>
        </form>
    </div>

    <div id="new_film" title="申领新胶卷">
        <form>
			{% csrf_token %}
            <p class="validateTips"></p>
            <fieldset>
                <label for="newfilm_title">胶卷名</label>
                <input type="text" name="newfilm_title" id="newfilm_title" class="text ui-widget-content ui-corner-all" />
                <label for="newfilm_des">胶卷描述</label>
                <textarea name="newfilm_des" id="newfilm_des" class="text ui-widget-content ui-corner-all" rows=5> </textarea>
                <label for="newfilm_num">胶卷张数</label>
				<select name="newfilm_num" id="newfilm_num" class="text ui-widget-content ui-corner-all">
					<option value=2> 2 张 </option>
					<option value=4> 4 张 </option>
					<option value=6> 6 张 </option>
					<option value=8 selected="selected"> 8 张 </option>
					<option value=12> 12 张 </option>
					<option value=16> 16 张 </option>
					<option value=24> 24 张 </option>
					<option value=32> 32 张 </option>
					<option value=36> 36 张 </option>
				</select>
                <label for="newfilm_right">观看权限</label>
				<select name="newfilm_right" id="newfilm_right" class="text ui-widget-content ui-corner-all">				
					<option value=0 selected="selected"> 所有人可见 </option>
					<option value=1> 仅参与者可见 </option>
				</select>
            </fieldset>
        </form>
    </div>	
</body>